﻿
<script src="~/Scripts/jquery-easyui-extensions/tree/jeasyui.extensions.tree.dataPlain.js"></script>
<script src="~/Scripts/jquery-easyui-extensions/combotree/jeasyui.extensions.combotree.js"></script>

<div class="easyui-panel" data-options="fit:true,border:false" style="padding:25px;">
   <input id="combotree" name="combotree" type="text" />
    <br /><br /><br />
    <span id="span" style="color:red;"></span>
</div>

<script>
    $(function () {
        var data = [
            { "id": "1", "text": "A" },
            { "id": "11", "text": "A1", "parendId": 1 },
            { "id": "12", "text": "A2", "parendId": 1 },
            { "id": "13", "text": "A3", "parendId": 1 },
            { "id": "2", "text": "B" },
            { "id": "3", "text": "C" }
        ];

        $("#combotree").combotree({
            dataPlain: true, //继承于 easyui-tree 的扩展
            parentField: "parendId", //继承于 easyui-tree 的扩展
            data: data,
            onClick: function (node) {
                $("#span").text("点击了节点：" + node.text);
            }
        });
    });
</script>